<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生命周期</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">

    </div>
</body>
    <script type="text/javascript">

        new Vue({
            el:"#app",
            data:{},
            methods:{

            },
            beforeCreate() {
                console.log("创建之前...........")
            },
            created() {
                console.log("创建完成...........")
            },
            mounted() {//常见的是在此处发请求接收数据
                console.log("挂载........")
            },
            destroyed() {
                console.log("破坏.............")
            }
        })
    </script>
</html>